淺談前端與SEO     SEO（Search Engine ，就是傳說中的seo，是指為了增添上網(wǎng)頁在SEO搜索引擎自然搜索功效中的收錄數(shù)目以及晉升排序位置而做的優(yōu)化行為。我認(rèn)為這是一門說來簡單，但操作起來復(fù)雜的手藝，只可融會，不成言傳。作為一名前端工程師，不需要精曉SEO，但必需要體味它。SEO有一條不變的準(zhǔn)則就是它永遠(yuǎn)都在變，因為沒有一沉不變的優(yōu)化方案可供巨匠套用。但我們?nèi)匀豢梢园l(fā)現(xiàn)一些基本的或是被人們公認(rèn)的紀(jì)律來進行網(wǎng)站的SEO。更主要的是我們要有自己的實踐，不竭發(fā)現(xiàn)適合自己行之有用的SEO體例。
    從宏不美觀的角度來說，SEO有三條最重要的規(guī)律，那就是原創(chuàng)的內(nèi)容、高質(zhì)量的外部鏈接和持之以恒適度的優(yōu)化。
    前端是構(gòu)建網(wǎng)站中很重要的一個環(huán)節(jié)，本篇重點疇前端的角度來講解一下SEO的實施方法。前端的工作主若是負(fù)責(zé)頁面的優(yōu)化好這幾個方面會為SEO工作打好一個堅實的根蒂根基。凸起重要內(nèi)容可以讓搜索引擎判定當(dāng)前頁面的重點是什么，提升網(wǎng)站訪謁速度可以讓搜索引擎的蜘蛛順?biāo)?、快速、年夜量的抓取網(wǎng)頁內(nèi)容，所以以下我就著重以突出重要內(nèi)容和提升網(wǎng)站速度為主來總結(jié)一下。
    突出重要內(nèi)容
    合理的title、
    截圖取自于360搜索（
    雖然此刻搜索對這三項的權(quán)重慢慢減小，但仍是但愿能夠合理的寫好他們，只寫有效的工具，不要在這里寫小說，要表達(dá)重點。
    title：只強調(diào)重點即可，重要關(guān)頭詞呈現(xiàn)不要跨越2次，而且要靠前，每個頁面title要有所分歧，如下圖：
    把網(wǎng)頁內(nèi)容高度歸納綜合到這里，長度要合理，不行過度堆砌環(huán)節(jié)詞，每個頁面有所不同，如下圖：
    列舉出幾個重要樞紐詞即可，也弗成過分堆砌。
    語義化書寫HTML代碼，合適W3C尺度。
    對于搜索引擎來說，最直接面臨的就是網(wǎng)頁HTML代碼，假如代碼寫的語義化，搜索引擎就會很輕易的讀懂該網(wǎng)頁要表達(dá)的意思。例如文本模塊要有大問題，合理操作h1-h6，列表形式的代碼使用ul或ol，重要的文字使用等?？傊褪且鋵嵑弪_各類HTML標(biāo)簽完成他們本職的工作，當(dāng)然要兼容IE、火狐、主流瀏覽器。
    在沒有樣式的情形下，代碼很是語義化，看起來很工整，加載不同的樣式之后可以隨心所欲的改變頁面外觀。
    無樣式情況下：
    加載樣式1：
    加載樣式2：
    行使結(jié)構(gòu)，把重要內(nèi)容HTML代碼放在最前。
    搜索引擎抓取HTML內(nèi)容是從上到下，利用這一特點，可以讓首要代碼優(yōu)先讀取，廣告等不重要代碼放不才邊。例如，在左欄和右欄的代碼不變的情況下，只需改一下樣式，利用float:left和float:right就可以隨意讓兩欄在揭示上位置交流，這樣就可以保證重要代碼在最前，讓爬蟲最先抓取。同樣也合用于多欄的情況。
    重要內(nèi)容不要用JS輸出。
    蜘蛛不會讀取JS里的內(nèi)容，所以重要內(nèi)容必須放在HTML里。